<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
		<meta name="msapplication-TileColor" content="#0e90d2">
		<title></title>
		<link rel="stylesheet" href="assets/css/amazeui.min.css">
		<link rel="stylesheet" href="assets/css/app.css">
		<link rel="stylesheet" type="text/css" href="css/homepage.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
	</head>

	<body>
		<header class="am-topbar">
			<div class="am-container">
				<h1 class="am-topbar-brand am-text-ir">
    				<a href="#">创意热店</a>
 				</h1>

				<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

				<div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">

					<form class="am-topbar-form am-topbar-left am-form-inline" role="search">
						<div class="am-form-group">
							<input type="text" class="am-form-field am-input-sm" placeholder="搜索">
							<button class="am-btn am-btn-default" type="button"><span class="am-icon-search"></span> </button>
						</div>

					</form>

					<!--<div class="am-topbar-right">
						<button class="am-btn am-btn-primary am-topbar-btn am-btn-sm">登录</button>
						<button class="am-btn am-btn-primary am-topbar-btn am-btn-sm">注册</button>
					</div>-->
					<div class="am-topbar-right">

						<ul class="am-nav am-nav-pills am-topbar-nav">
							<li><a href="#">首页</a></li>
							<li class="am-dropdown" data-am-dropdown>
								<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
         							 创意 
        						</a>
								<ul class="am-dropdown-content">
									<li><a href="#">创意详情</a></li>
									<li><a href="#">创意人</a></li>
									<li><a href="#">创意群</a></li>
								</ul>
							</li>
							<li class="am-dropdown" data-am-dropdown>
								<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
         							 需求 
        						</a>
								<ul class="am-dropdown-content">
									<li><a href="#">需求详情</a></li>
								</ul>
							</li>
							<li><a href="#">使用帮助</a></li>
							<li><a href="#">登录</a></li>
							<li><a href="#">注册</a></li>
						</ul>
					</div>
				</div>
			</div>

		</header>
		<div class="backgroudimg am-text-center">
			<div class="am-container">
				<h1 class="">让你的创意传遍世界</h1>
				<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
				<div class="am-u-md-2 am-u-md-centered">
					<button type="button" class="am-btn am-btn-default am-btn-block">展现才华</button>
				</div>
			</div>
		</div>
		<div class="am-container am-text-center middle1">
			<h1>创意热店可以帮你</h1>
			<ul class="am-avg-sm-4 am-thumbnails">
				<li>
					<a href=""><img src="img/1.png" /></a>
				</li>
				<li>
					<a href=""><img src="img/1.png" /></a>
				</li>
				<li>
					<a href=""><img src="img/1.png" /></a>
				</li>
				<li>
					<a href=""><img src="img/1.png" /></a>
				</li>
			</ul>
			<p>可选套餐</p>
			<ul class="am-avg-sm-3 am-thumbnails">
				<li>
					<a href=""><img src="img/2.png" /></a>
				</li>
				<li>
					<a href=""><img src="img/2.png" /></a>
				</li>
				<li>
					<a href=""><img src="img/2.png" /></a>
				</li>
			</ul>

		</div>
		<div class="middle2">
			<div class="am-container">
				<div class="am-u-lg-12">
					<div class="am-g am-text-center">
						<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
							<h3>
							<img src="img/logo.png"/>
						</h3>
							<h4 class="">发布需求</h4>
						</div>
						<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
							<h3>
							<img src="img/logo.png"/>
						</h3>
							<h4 class="">寻找设计师</h4>
						</div>
						<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
							<h3>
							<img src="img/logo.png"/>
						</h3>
							<h4 class="">沟通</h4>
						</div>
						<div class="am-u-lg-3 am-u-md-6 am-u-sm-12">
							<h3>
							<img src="img/logo.png"/>
						</h3>
							<h4 class="">成交</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="middle3">
			<div class="am-container">
				<div class="am-g">
					<div class="am-u-md-6 am-text-center">
						<h1>1000w交易额</h1>
					</div>
					<div class="am-u-md-6 am-text-center">
						<h1>100w设计师</h1>
					</div>
				</div>
			</div>
		</div>
		<footer data-am-widget="footer" class="footer" data-am-footer="{  }">
			<div class="am-container">
				<div class="am-g">
					<div class="am-u-md-12 am-u-md-offset-1">
						<ul class="am-avg-sm-3">
							<li>
								<h3>关于我们</h3>
								<ul>
									<li><a href="">公司简介</a></li>
									<li><a href="">公司简介</a></li>
									<li><a href="">公司简介</a></li>
								</ul>
							</li>
							<li>
								<h3>联系我们</h3>
								<ul>
									<li>Tel：12345678910</li>
									<li>E-mail：xxxxxx@xxx.com</li>
									<li>公司地址：xxxxxxxxxxx</li>
								</ul>

							</li>
							<li>
								<h3>更新日志</h3>
								<ul>
									<li>xx.xx更新x.xx版本</li>
									<li>xx.xx更新x.xx版本</li>
									<li>xx.xx更新x.xx版本</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>

				<div class="footer-line">
					<ul class="am-cf am-text-center">
						<li class="">
							<a href="##" class="am-icon-qq"></a>
						</li>
						<li class="">
							<a href="##" class="am-icon-tencent-weibo"></a>
						</li>
						<li class="">
							<a href="##" class="am-icon-weibo"></a>
						</li>
						<li class="">
							<a href="##" class="am-icon-weixin"></a>
						</li>
					</ul>
				</div>
				<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
				<div class="am-text-center">
					<p>CopyRight©2014 AllMobilize Inc.</p>
					<p>京ICP备13033158</p>
				</div>

			</div>
			<!--<div class="am-footer-miscs ">
				<p>CopyRight©2014 AllMobilize Inc.</p>
				<p>京ICP备13033158</p>
			</div>-->
		</footer>
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/amazeui.min.js"></script>
	</body>

</html>